<template>
    <div class="parking-admin">
        <div class="parking-tops">
            <Breadcrumb />
            <h3>
                月卡管理
            </h3>
            <div style="display: flex;align-items:flex-end;justify-content: space-between">
                <div class="search">
                    <div style="margin-right: 15px">月卡状态</div>
                    <div>
                        <el-select placeholder="请选择" style="width:264px;">
                            <el-option label="Zone one" value="shanghai" />
                            <el-option label="Zone two" value="beijing" />
                        </el-select>
                    </div>
                </div>
                <div class="search">
                    <div style="margin-right: 15px">月卡编号</div>
                    <div>
                        <el-input placeholder="请输入" />
                    </div>
                </div>
                <div class="Btn">
                    <el-button type="primary">查询</el-button>
                    <el-button>重置</el-button>
                </div>
            </div>
        </div>
        <div class="parking-content">
            <div class="content-title">
                <div>月卡列表</div>
                <div class="Btn">
                    <el-button type="primary">+ 添加</el-button>
                    <el-button>批量操作</el-button>
                </div>
            </div>
            <Tables />
        </div>
    </div>
</template>

<script setup lang="ts">
import Breadcrumb from '@/components/Breadcrumb.vue';
import Tables from '../WorkBench/components/Tables.vue';
</script>

<style scoped>
@import '@/assets/Data/dataadmin.css';
</style>